<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title>数据平台</title>
    <link rel="stylesheet" href="${request.contextPath}/statics/css/bootstrap.min.css">
    <link rel="stylesheet" href="${request.contextPath}/statics/css/bootstrap-datetimepicker.css">
    <link rel="stylesheet" href="${request.contextPath}/statics/css/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" href="${request.contextPath}/statics/css/font-awesome.min.css">
    <link rel="stylesheet" href="${request.contextPath}/statics/plugins/jqgrid/ui.jqgrid-bootstrap.css">
    <link rel="stylesheet" href="${request.contextPath}/statics/plugins/ztree/css/metroStyle/metroStyle.css">
    <link rel="stylesheet" href="${request.contextPath}/statics/css/main.css">
    <script src="${request.contextPath}/statics/libs/jquery.min.js"></script>
    <script src="${request.contextPath}/statics/plugins/layer/layer.js"></script>

    <script src="${request.contextPath}/statics/libs/bootstrap.min.js"></script>
    <script src="${request.contextPath}/statics/libs/moment.min.js"></script>
    <script src="${request.contextPath}/statics/libs/moment-with-locales.min.js"></script>
    <script src="${request.contextPath}/statics/libs/bootstrap-datetimepicker.min.js"></script>

    <script src="${request.contextPath}/statics/libs/vue.min.js"></script>
    <script src="${request.contextPath}/statics/plugins/jqgrid/grid.locale-cn.js"></script>
    <script src="${request.contextPath}/statics/plugins/jqgrid/jquery.jqGrid.min.js"></script>
    <script src="${request.contextPath}/statics/plugins/ztree/jquery.ztree.all.min.js"></script>

    <script src="${request.contextPath}/statics/js/common.js"></script>

    <script src="${request.contextPath}/statics/plugins/ztree/jquery.ztree.core.js"></script>
    <script src="${request.contextPath}/statics/plugins/ztree/jquery.ztree.exhide.js"></script>
    <script src="${request.contextPath}/statics/plugins/ztree/fuzzysearch.js"></script>
    <script src="${request.contextPath}/statics/libs/bootstrap-datetimepicker.min.js"></script>
    <script src="${request.contextPath}/statics/libs/ajaxupload.js"></script>

    <link rel="stylesheet" href="${request.contextPath}/statics/css/app/master_app.css">
</head>
<body>

<div id="rrapp" v-cloak>
    <div class="container">
        <div class="main"></div>
        <div class="grid-btn">
            <div class="col-sm-2">
                <input id="citySel" readonly class="form-control" type="text" v-model="q.dept" placeholder="小区名称"/>

            </div>
            <div class="col-sm-2 btn-autosize">
                <a id="menuBtn" class="btn btn-primary" @click="openDeptLayer"><i class="fa fa-circle-o-notch"></i>&nbsp;点击选择</a>
                <!--<a id="menuBtn" class="btn btn-primary" href="#" onclick="showMenu(); return false;"><i class="fa fa-circle-o-notch"></i>&nbsp;点击选择</a>-->
            </div>
            <div class="col-sm-2">
                <select v-model="q.key" class="form-control" name="selQueryKey" id="selQueryKey">
                    <option value="">查询条件</option>
                    <option :value="list.code" v-for="(list,index) in searchKeyDictInfo" :key="index">{{ list.value }}
                    </option>
                </select>
            </div>
            <div class="col-sm-2">
                <input type="text" class="form-control" v-model="q.value" @keyup.enter="query" placeholder="输入查询内容">
            </div>
            <div class="col-sm-2 btn-autosize">
                <script>hasSaveOrUpdatePermission = false;</script>
                <#if shiro.hasPermission("water:tclientinfo:update")>
                    <script>hasSaveOrUpdatePermission = true;</script>
                </#if>
                <a class="btn btn-primary" @click="query"><i class="fa fa-search"></i>&nbsp;查询数据</a>
                <a class="btn btn-primary" href="/water/logout"><i class="fa fa-sign-out"></i> &nbsp;退出系统</a>
            </div>
        </div>
    </div>

    <table id="jqGrid"></table>
    <div id="jqGridPager"></div>

<div id="deptLayer" style="display: none;padding:10px;">
    <div id="menuContent" class="menuContent"></div>
    <ul id="deptTreeLeft" class="ztree" style="margin-top:0; background-color: #FFFFFF;"></ul>

</div>

    <div id="clientInfoLayer" style="display: none;padding:10px;">
        <div class="tabbable"> <!-- Only required for left/right tabs -->
            <ul id="myTab" class="nav nav-tabs">
                <li class="active"><a href="#tab1" data-toggle="tab">客户主要信息</a></li>
                <li><a href="#tab2" data-toggle="tab">二级管理信息</a></li>
                <li><a href="#tab3" data-toggle="tab">设备相关信息</a></li>
                <li><a href="#tab4" data-toggle="tab">其他附加信息</a></li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane active" id="tab1">
                    <form class="form-horizontal">
                        <div class="form-group">
                            <div class="col-sm-2 control-label">小区名称</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="tClientInfo.memo1" placeholder="小区名称"
                                       readonly/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">公安地址</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="tClientInfo.proName"
                                       placeholder="公安地址"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">楼号</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="tClientInfo.buildNum"
                                       placeholder="楼号"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">单元</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="tClientInfo.unitNum" placeholder="单元"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">门牌号码</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="tClientInfo.houseNum"
                                       placeholder="门牌号码"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">小楼号</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="tClientInfo.buildingNo"
                                       placeholder="小楼号"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">楼层</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="tClientInfo.floorNo" placeholder="楼层"/>
                            </div>
                        </div>

                    </form>
                </div>
                <div class="tab-pane" id="tab2">
                    <form class="form-horizontal">
                        <div class="form-group">
                            <div class="col-sm-2 control-label">查询（客户）号</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="tClientInfo.clientId"
                                       placeholder="查询（客户）号"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">客户名称</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="tClientInfo.clientName"
                                       placeholder="客户名称"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">表盘号</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="tClientInfo.meterCode"
                                       placeholder="表盘号"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">表封号</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="tClientInfo.stampCode"
                                       placeholder="表封号"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">口径</div>
                            <div class="col-sm-10">
                                <select v-model="tClientInfo.calibre" class="form-control" name="selDevicecalibre"
                                        id="selDevicecalibre">
                                    <option value="">选择水表口径</option>
                                    <option :value="list.code" v-for="(list,index) in clientCalibre" :key="index">{{
                                        list.value }}
                                    </option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">安装日期</div>
                            <div class="col-sm-10">
                                <div class='input-group date'>
                                    <input id='datetimepicker1' type="text" class="form-control"
                                           v-model="tClientInfo.desc1" placeholder="安装日期"/>
                                    <span class="input-group-addon">
                                     <span class="glyphicon glyphicon-calendar"></span>
                                </span>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">使用性质</div>
                            <div class="col-sm-10">
                                <select v-model="tClientInfo.desc2" class="form-control" name="selDeviceMode"
                                        id="selDeviceMode">
                                    <option value="">选择使用性质</option>
                                    <option :value="list.code" v-for="(list,index) in clientUseInfo" :key="index">{{
                                        list.value }}
                                    </option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">换表时指针数</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="tClientInfo.desc3"
                                       placeholder="换表时指针数"/>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="tab-pane" id="tab3">
                    <form class="form-horizontal">
                        <div class="form-group">
                            <div class="col-sm-2 control-label">设备号</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="tClientInfo.deviceId" placeholder="设备号"
                                       readonly/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">IMEI</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="tClientInfo.clientIdCard"
                                       placeholder="IMEI"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">SIM卡号</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="tClientInfo.desc16"
                                       placeholder="SIM卡号"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">水表类型</div>
                            <div class="col-sm-10">
                                <select v-model="tClientInfo.desc4" class="form-control" name="selMeterType"
                                        id="selMeterType">
                                    <option value="">选择水表类型</option>
                                    <option :value="list.code" v-for="(list,index) in clientMeterTypeInfo" :key="index">
                                        {{ list.value }}
                                    </option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">安装位置</div>
                            <div class="col-sm-10">
                                <select v-model="tClientInfo.desc5" class="form-control" name="selMeterFixAddr"
                                        id="selMeterFixAddr">
                                    <option value="">选择安装位置</option>
                                    <option :value="list.code" v-for="(list,index) in clientFixAddrInfo" :key="index">{{
                                        list.value }}
                                    </option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">质保开始日期</div>
                            <div class="col-sm-10">
                                <div class='input-group date'>
                                    <input id='datetimepicker2' type="text" class="form-control"
                                           v-model="tClientInfo.desc6" placeholder="质保开始日期"/>
                                    <span class="input-group-addon">
                                     <span class="glyphicon glyphicon-calendar"></span>
                                </span>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">现场记录</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="tClientInfo.desc7" placeholder="现场记录"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">主机通道</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="clientDeviceInfo.masterNum"
                                       placeholder="主机通道"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">二管号</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="clientDeviceInfo.slaveNum"
                                       placeholder="二管号"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">采集板号</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="clientDeviceInfo.cardNum"
                                       placeholder="采集板号"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">通道号</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="clientDeviceInfo.routeNum"
                                       placeholder="通道号"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">表号</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="clientDeviceInfo.meterNum"
                                       placeholder="表号"/>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="tab-pane" id="tab4">
                    <form class="form-horizontal">
                        <div class="form-group">
                            <div class="col-sm-2 control-label">备注2</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="tClientInfo.memo2" placeholder="备注2"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">备注3</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="tClientInfo.memo3" placeholder="备注3"/>
                            </div>
                        </div>
                        <!--
                        <div class="form-group">
                            <div class="col-sm-2 control-label">二维码</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="tClientInfo.qrcode" placeholder="二维码"/>
                            </div>
                        </div>-->
                        <div class="form-group">
                            <div class="col-sm-2 control-label">账本</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="tClientInfo.accountNo"
                                       placeholder="账本"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">电话</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="tClientInfo.phone" placeholder="电话"/>
                            </div>
                        </div>
                        <!--
                        <div class="form-group">
                            <div class="col-sm-2 control-label">其他码</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="tClientInfo.otherNo" placeholder="其他码"/>
                            </div>
                        </div>-->
                        <div class="form-group">
                            <div class="col-sm-2 control-label">出账</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="tClientInfo.desc8" placeholder="出账"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">维护人员</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="tClientInfo.desc9" placeholder="维护人员"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">维护人员电话</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="tClientInfo.desc10"
                                       placeholder="维护人员电话"/>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

</div>


<script src="${request.contextPath}/statics/js/modules/app/tclientinfo_app.js?_${.now?long}"></script>
</body>
</html>
